<ion-view view-title="订单确认">
  <ion-content>
    <div class="list card">
      <div class="item item-divider">选择地址和时间</div>
      <a class="item item-icon-left item-icon-right" href="#tab/serviceplacelist_select">
        <div class="icon ion-ios-location-outline"></div>
        <h2 class="royal title">{{selectedPlace.SERVICE_PLACE_NAME}}</h2>

        <p>{{selectedPlace.CONTACKPERSON}}</p>

        <div class="icon icon-right ion-ios-arrow-right button-large"></div>
      </a>

      <a class="item  item-icon-left item-icon-right" href="#tab/homepage/selectservicetime">
        <div class="icon ion-ios-stopwatch-outline"></div>
        <h2 ng-show="serviceduration.isSelect">{{serviceduration.duration}}&nbsp小时</h2>
        <h2 ng-show="!serviceduration.isSelect">请选择服务时长</h2>
        <div class="icon icon-right ion-ios-arrow-right button-large"></div>
      </a>

      <a class="item  item-icon-left item-icon-right" ng-click="datetimemodal.show()">
        <div class="icon ion-ios-clock-outline"></div>
        <h2 ng-show="!selectDatetime.isSelect">请选择服务时间</h2>
        <h2 ng-show="selectDatetime.isSelect">{{selectDatetime.date}}&nbsp&nbsp{{selectDatetime.time_hour}}点{{selectDatetime.time_minute}}分</h2>
        <div class="icon icon-right ion-ios-arrow-right button-large"></div>
      </a>

    </div>
    <ion-list>
      <ion-checkbox ng-repeat="item in extraneeds" ng-model="item.value" ng-checked="item.value">
        {{ item.desc }}
      </ion-checkbox>
    </ion-list>
    <div class="list card">
      <div class="item item-divider">特殊要求</div>
      <textarea placeholder="请填写您的其他需求" style="width: 100%;height: 100px"></textarea>
    </div>
    <script id="datetimepiker.html" type="text/ng-template">
      <div class="modal" ng-controller="datemodal">
        <ion-header-bar class="bar bar-header bar-balanced">
          <!--<button class="button button-clear button-primary" ng-click="modal.hide()">Cancel</button>-->
          <h1 class="title">服务时间</h1>
        </ion-header-bar>
        <ion-header-bar class="bar bar-subheader">
          <ion-item class="item-button-right">
            {{selectDatetime.date}}&nbsp&nbsp{{selectDatetime.time_hour}}点{{selectDatetime.time_minute}}分
            <a class="button button-balanced" ng-click="modal.hide();confirmdatetime()">
              确&nbsp认
            </a>
          </ion-item>
          <!--{{selectDatetime.date}}&nbsp{{selectDatetime.time_hour}}点{{selectDatetime.time_minute}}分-->
        </ion-header-bar>
        <ion-content class="has-header has-subheader">
          <div class="row" >
            <div class="col">
              <div class="list">
                <div class="item item-divider">
                  日期
                </div>
                <ion-radio ng-repeat="item in dates"
                           ng-value="item.value"
                           ng-model="selectDatetime.date">
                  {{ item.text }}
                </ion-radio>
              </div>
            </div>
            <div class="col">
              <div class="item item-divider">
                时间
              </div>
              <ion-radio ng-repeat="item in time_hours"
                         ng-value="item.value"
                         ng-model="selectDatetime.time_hour"
                         name="selectDatetime.time_hour">
                {{ item.text }}
              </ion-radio>
            </div>
            <div class="col col-20">
              <div class="item item-divider">
                分钟
              </div>
              <ion-radio ng-repeat="item in time_minutes"
                         ng-value="item.value"
                         ng-model="selectDatetime.time_minute"
                         name="selectDatetime.time_minute">
                {{ item.text }}
              </ion-radio>
            </div>
          </div>
        </ion-content>
      </div>
    </script>
  </ion-content>
  <ion-footer-bar class="bar-assertive">
    <a class="title" style="align-items:center" href="#tab/homepage/order_detail_homepage/1">提交订单</a>
  </ion-footer-bar>
</ion-view>
